<template>
  <div class="app">
    <!-- <nav class="nav">
      <a href="/" @click.prevent="go('/')">评委打分</a>
      <a href="/display" @click.prevent="go('/display')">大屏显示</a>
      <a href="/admin" @click.prevent="go('/admin')">管理界面</a>
    </nav> -->
    <router-view />
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
const go = (path: string) => router.push(path)
</script>

<style>
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif; }
.nav { display:flex; gap:12px; padding:12px; border-bottom:1px solid #eee; }
.nav a { color:#333; text-decoration:none; }
.nav a:hover { text-decoration:underline; }
</style>
